@use "~/styles/variables.scss" as *;
.type-switch {
  font-weight: 500;
  .type-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20rpx;
    .bottom-line {
      height: 6rpx;
      border-radius: 3rpx;
      width: 0;
      opacity: 0.8;
      transition: width 0.5s;
      margin: 0 10rpx;
    }
    &.active {
      color: $color-primary;
      .bottom-line {
        width: 100%;
        background-color: $color-primary;
      }
    }
  }
  .right-content {
    margin-right: 25rpx;
  }
}